/*----------------------------------------------base style----------------------------------------------*/
@charset 'utf-8';
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline } 
pre { white-space: pre-wrap }
ol, ul { list-style: none }
table, tr { border-collapse: collapse; border-spacing: 0; border: 0 }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle }
q, blockquote { quotes: none }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none }
a img { border: none }
a{ text-decoration: none;}
a:hover,a:visited,a:link{  text-decoration: none; color:inherit;}
img{ vertical-align:middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block }
li { list-style-type: none}
img { border: none }
em, i { font-style: normal; font-weight: normal; display: inline-block }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-style: normal; font-weight: normal }
input, textarea { outline: none; padding: 0; margin: 0 }
textarea { resize: none }
/*----------------------------------------------class style----------------------------------------------*/
body {font: normal 14px "PingFang SC",Lantinghei SC,"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif !important;}
.left{ float:left;} .right{ float:right;}
.ui-box{ overflow:hidden; zoom:1; width: 1200px; margin: 0 auto;}
.odd{ background-color: #E0E0E0;}

/*----------------------------------------------ui-head style----------------------------------------------*/

.ui-container{ position: relative; width: 100%; height: auto; }
.ui-head{ overflow:hidden; zoom:1; background: url(../img/head_bg.png);}
.ui-head .ui-box{ overflow:hidden; zoom:1;}
.ui-head-logo{ padding-top: 20px;}
.ui-head-nav ul li{ float: left; line-height: 74px; padding: 0 15px;}
.ui-head-nav ul li a{ font-size: 16px;}
.ui-head-nav ul li a:link,.ui-head-nav ul li a:visited{ color: #c0c0c0;}


/*----------------------------------------------ui-swiper style----------------------------------------------*/
.ui-swiper{ 
    /* background: center center url(../img/banner.png);  */
    height: 800px;
}
.swiper-container { width: 100%; height: 100%; }

  .swiper-slide {
    text-align: center;
    font-size: 0px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    /* margin-right: 0 !important; */
  }
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #fff !important;
    opacity: .2;
}


/*----------------------------------------------ui-swiper style----------------------------------------------*/
.ui-main.ux-main-index .ui-box{ padding: 80px 0;}
.ui-main.ux-main-search .ui-box{ padding: 50px 0;}
.ui-main .ui-box .ui-box-title{ text-align: center;}
.ui-main .ui-box .ui-box-title_ch{ font-size: 30px; font-weight:bold; color:#000000;}
.ui-main .ui-box .ui-box-title_en{ font-size: 16px; font-weight:bold;}
.ui-main .ui-box .ui-box-layout{ margin-top: 30px;}

.ux-search{ background: url(../img/search_bg.jpg) center center;}
.ux-search-box_body{ border:solid 4px #000000; width: 1000px; height: 75px; margin: 0 auto;}
.ux-search-box_body input{ border: none; height: 75px; line-height: 75px;  width: 830px; padding: 0 10px; font-size: 20px; vertical-align: top;}
.ux-search-box_body button{ border: none; height: 75px; line-height: 75px;  width: 150px;  
    font-size: 20px; text-decoration: none; display: inline-block;outline:none; cursor: pointer;
}
.ux-search-box_body button:hover{ background-color: #c0c0c0;}
.ux-search-box_body.small{  width: 600px; height: 45px; margin-top: 30px;}
.ux-search-box_body.small input{ height: 45px; line-height: 45px;  width: 430px;  }
.ux-search-box_body.small button{ height: 45px; line-height: 45px;  width: 150px; }

.ux-search-list{ margin-top: 20px;}
.ux-search-list ul{ overflow:hidden; zoom:1; column-count: 4; column-rule:2px outset #F1F1F1; }
.ux-search-list ul li{ text-align: center; line-height: 40px; }


.ux-brand {}
.ux-brand ul{ overflow:hidden; zoom:1;}
.ux-brand ul li{ float: left; width: 240px; padding: 5px 0;}
.ux-brand ul li img{ width:230px; height:114px;}

.ux-news{}
.ux-news .ui-box-layout .list ul{ overflow:hidden; zoom:1;}
.ux-news .ui-box-layout .list ul li{ float: left; width: 400px; padding: 5px 0; border-bottom: solid 1px #555555; padding: 20px 0;}
.ux-news .ui-box-layout .list ul li .item{ padding: 0 10px;}
.ux-news .ui-box-layout .list ul li .item time{ display: block; font-size: 40px; line-height: 40px; height: 40px;}
.ux-news .ui-box-layout .list ul li .item em{ font-size: 18px; font-weight: bold; line-height: 60px;}
.ux-news .ui-box-layout .list ul li .item p{ margin:10px 0 20px 0; height:60px; overflow:hidden;}
.ux-news .ui-box-layout .link{ text-align: center; clear: both; padding-top: 30px;}
.ux-news .ui-box-layout .link a{  font-size: 16px; display: inline-block; padding: 20px 50px; background-color: #0054A5; color: #FFFFFF;}

.ux-product{}
.ux-product .list{ 
    overflow:hidden; zoom:1; 
    -moz-column-gap:15px;  -webkit-column-gap:15px;  column-gap:15px; }
.ux-product .list dl{ float:left; padding: 0 0; border-bottom: solid 1px #ECECEC; margin-bottom: 15px; width:390px; box-sizing:border-box;}
.ux-product .list dl:nth-child(3n+2){ margin:0 15px;}
.ux-product .list dl dt{  background-color: #FFFFFF;  border: solid 10px #FFFFFF;}
.ux-product .list dl dt a{ display: block;  text-align: center; vertical-align: middle;   height: 220px; width: 100%; overflow: hidden; 
/* Firefox */
display:-moz-box;-moz-box-pack:center;-moz-box-align:center;
/* Safari, Chrome, and Opera */
display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;
/* W3C */
display:box; box-pack:center; box-align:center;}
.ux-product .list dl dt img{ margin: 0 auto; width:370px; height:220px;}
.ux-product .list dl dd{ line-height: 24px;  overflow:hidden; zoom:1; margin: 20px 0;}
.ux-product .list dl dd a{ font-size: 16px; }
.ux-product .list dl dd p{ font-size: 14px; color: #A4A4A4;}
.ux-product .list dl:hover{ border-bottom-color:#707070;}
.ux-product .list dl:hover dt { border-color:#0054A5;}
.ux-product .page{ text-align:center;}



.ux-means{}
.ux-means .ui-box-layout{ overflow:hidden; zoom:1;}
.ux-means .ui-box-layout div.left,.ux-means .ui-box-layout div.right{ width:600px;}
.ux-means .ui-box-layout div.right ul li{ border: solid 1px #EFEFEF; margin-bottom: 20px; line-height: 30px; padding: 10px;
 font-size: 16px;}
 .ux-means .ui-box-layout div.right ul li:last{ margin-bottom: 0;}
 .ux-means .ui-box-layout div.right ul li:hover{ border-color:#7FAAD2; }
 .ux-means .link{ text-align: center; clear: both; padding-top: 30px;}
 .ux-means .link a{ font-size: 16px; display: inline-block; padding: 20px 50px; background-color: #0054A5; color: #FFFFFF;}


 .ui-banner{ background: url(../img/channel.jpg); height: 250px;}
 .ui-channel{ overflow:hidden; zoom:1; margin: 40px 0;}
 .ui-channel-left{ width: 860px;  background-color:#F7F7F8;}
 .ui-channel-right{ width: 300px; }
 .ui-mbx{  border-bottom: solid 1px #EEEEEE;  font-size: 16px; line-height: 60px;}
 .ux-common-list{ padding: 20px 0;}
 .ux-common-list .list{ padding: 0 25px;}
 .ux-common-list .list ul li{ margin-bottom: 30px;  overflow:hidden; zoom:1;}
 .ux-common-list .list ul li div.left{ width: 110px;}
 .ux-common-list .list ul li div.left time{ font-size: 40px;}
 .ux-common-list .list ul li div.left span{ font-size: 20px;}
 .ux-common-list .list ul li div.right{ width: 680px;}
 .ux-common-list .list ul li div.right b{  font-weight: bold; line-height: 30px;}
 .ux-common-list .list ul li div.right p{  line-height: 24px;}
 .ux-common-list .page{ text-align: center;}

 .ux-module{ margin-bottom: 20px; background-color:#F7F7F8;}
 .ux-module-title{ line-height: 40px; height: 40px;  padding: 0 20px; font-size: 15px; font-weight: bold; border-bottom: solid 1px #E6E6E8;}
 .ux-module-layout{ padding:10px 20px;}
 .ux-module-layout ul li{ line-height: 24px;}

 .ux-bearing .title h2{ text-align:center; line-height:40px; font-size:18px;}
 .ux-bearing-title{ font-size: 30px; text-align: center; line-height: 50px; margin-bottom: 20px;}
 .ux-bearing-module{ padding: 50px 0;}
 .ux-bearing-module .title{ font-size: 16px;}
 .ux-bearing-module .content{ margin-top: 20px;}
 .ux-bearing-info{ line-height: 30px; padding-bottom: 50px;}
 .ux-bearing-info .left{ width: 40%; text-align: center;}
 .ux-bearing-info .right{ width: 60%; }
 .ux-bearing-info-link{ margin-top: 40px; clear: both; text-align: center;}
 .ux-bearing-info-link span{ margin: 0 10px 0 0; width: 180px; text-align: center; display: inline-block; padding: 20 40px; background-color: #666666; color: #EFEFEF; line-height: 60px; font-size: 16px;}


 .ux-bearing-param{background-color: #F2F2F2; padding: 50px 0;}
 .ux-bearing-param .content{ margin-top: 20px;}
 .ux-bearing-param .left{ text-align: center; width: 40%;}
 .ux-bearing-param .right{
  overflow:hidden; zoom:1; width: 60%;
 }
 .ux-params dl{ overflow:hidden; zoom:1; line-height: 50px;}
 .ux-params dl dt, .ux-params dl dd{ float: left; width: 33%; box-sizing: border-box; padding:0 10px;}
 .ux-params dl:nth-child(odd){ background-color: #CCCCCC;}
/*---------------------------------------------- ui-foot ----------------------------------------------*/
.ui-foot{ font-size:14px; background-color: #1E1E1E;  color:#555555;}
.ui-foot .ui-box{ padding:36px 0; overflow:hidden; zoom:1;}
.ui-foot .ui-foot-top{ overflow:hidden; zoom:1;}
.ui-foot .ui-foot-top .left{ width: 1000px;  overflow:hidden; zoom:1;}
.ui-foot .ui-foot-top .left .ux-link{ width: 250px; float: left;}
.ui-foot .ui-foot-top .left .ux-link-title{ font-size: 16px; color: #FFFFFF; line-height: 50px;}
.ui-foot .ui-foot-top .left .ux-link ul li{ line-height: 40px; }
.ui-foot .right .ux-code{ padding-top: 20px;}
.ui-foot .right .ux-code p{ text-align: center; color: #FFFFFF;}
.ui-foot .right .ux-code img{ margin: 20px 0;}
.ui-foot .ux-friend{ margin-top: 40px; padding-bottom: 25px;}
.ui-foot .ux-friend span{ font-size: 16px; line-height: 24px;}
.ui-foot .ux-company{ overflow:hidden; zoom:1; padding:20px 0; border-top: solid 1px #535353; }
.ui-foot-left .copyright{ clear:both; padding-top:20px; font-size:14px; color:#c0c0c0;}
.ui-foot .ux-copyright{ text-align:center; padding-top:30px; color:#939393; height:20px;line-height:20px; border-top: solid 1px #535353;}
/*---------------------------------------------- ui-foot ----------------------------------------------*/

.ux-common-detail{}
.ux-detail{}
.ux-detail-title{ line-height:50px; font-size:25px; font-weight:bold; text-align:center;}
.ux-detail-info{ text-align:right; padding:0 20px;  line-height:40px; border-bottom:solid 1px #E6E6E8;}
.ux-detail-layout{ padding:20px; line-height:20px;  font-size:14px !important;}
.ux-detail-layout p{ text-indent:2em; margin-bottom:20px;}
.ux-module-brand .ux-module-layout .list{ column-count: 2;}
.ux-module-brand .ux-module-layout .list li{ margin-bottom:10px;}
.ux-module-brand .ux-module-layout .list li img{ width:125px; height:60px; border:solid 1px  #E6E6E8;}